// api列表页
window.addEventListener('load', function () {
    // 1.分类数据渲染
    let apiCateDate = [
        {
            name: '全部', keyword: '身份证实名', isBold: false
        },
        {
            name: '生活服务', keyword: '银行卡', isBold: false
        },
        {
            name: '金融科技', keyword: '电话号码', isBold: false
        },
        {
            name: '交通地理', keyword: '车牌号', isBold: false
        },
        {
            name: '充值缴费', keyword: '手机号', isBold: false
        },
        {
            name: '数据智能', keyword: 'API', isBold: false
        },
        {
            name: '企业工商', keyword: '荣誉资质', isBold: false
        },
        {
            name: '应用开发', keyword: 'APP', isBold: false
        },
        {
            name: '电子商务', keyword: '网络销售', isBold: false
        },
        {
            name: '吃喝玩乐', keyword: '美食游玩', isBold: false
        },
        {
            name: '文娱视频', keyword: '综艺资讯', isBold: false
        },
        {
            name: '免费接口大全', keyword: '接口API', isBold: true
        },
        {
            name: '短信', keyword: '短信信息', isBold: false
        },
        {
            name: '汽车', keyword: '汽车型号', isBold: false
        },
        {
            name: '核验', keyword: '相关检验', isBold: false
        },
        {
            name: '最新发布', keyword: '最新资讯', isBold: true
        },
        {
            name: 'API私有化部署', keyword: 'API', isBold: true
        },
    ]
    // 2.遍历数组,拼接结构
    apiCateDate.forEach(function (v) {
        // 创建标签
        let dom = document.createElement('li');
        // 添加属性
        dom.setAttribute('keyword', v.keyword)
        // 是否加粗
        if (v.isBold) {
            // dom.className='fblod';
            dom.setAttribute('class', 'fwb');
        }
        // 添加内容
        dom.textContent = v.name;
        // 向指定apiCate添加新元素
        apiCate.appendChild(dom);


        // 动态渲染搜索框内容
        // 1.获取到apiCate中所有li
        let apiLis = getEleAll('#apiCate li');

        let apiName = getEle('#apiName');
        let apiKeyWord = getEle('#apiKeyWord')

        // 2.遍历注册事件
        apiLis.forEach(function (v) {
            v.addEventListener('click', function () {

                // 获取当前li的内容
                let cont = this.textContent;
                // 获取当前li标签上的keyword
                let keyw = this.getAttribute('keyword')
                // 添加到apiName
                apiName.textContent = cont;
                apiKeyWord.placeholder = keyw;
                // 给所有li去掉active,
                apiLis.forEach(function (vv) {
                    vv.classList.remove('active');
                })
                // 给当前li加active,其他li去掉active
                v.classList.add('active')


            })

        })


    })









})